<?php
/**
 * Created by PhpStorm.
 * User: admin
 * Date: 2016/9/1
 * Time: 11:57
 * 查询宅急便小插件
 */
?>
<!DOCTYPE html >
<!--saved from url = (0044)http://ebiz.viewlayer.cn/detail/v2/791/c2/p8 -->
<html>
<head>
    <meta http - equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>黑猫宅急便查询插件</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <LINK href="style/img/favicon.ico" type="image/x-icon" rel=icon>
    <script src="style/js/jquery.js"></script>

    <style>

        * {
            margin: 0px;
            padding: 0px;
        }

        body {
            font-family: "微软雅黑";
            font-size: 14px;
        }

        /*p*/
        .top-log-mid-search {
            display: inline-block;
            width: 70px;
            background-color: white;
            text-align: center;
            height: 30px;
        }

        .title {
            text-align: center;
            font-size: 50px;
            margin-top: 80px;
            line-height: 10px;
            color: black;
        }

        .t1 {
            margin-top: 80px;
            margin-left: 100px;
        }

        .t2 {
            margin-top: 30px;
            margin-left: 100px;
        }

        .t3 {
            margin-top: 30px;
            margin-left: 100px;
        }

        .b1 {
            margin-top: 30px;
            margin-left: 100px;
        }

        .hid {
            display: none;
        }

    </style>
</head>
<body style=" background: #856d35 none repeat scroll 0 0;">
<div id="pagess">
    <a name="top"></a>

    <div class="title">
        黑猫宅急便批量查询系统
    </div>

    <div class="t1">
        <span>查询方式：</span>
        <input type="radio" id="td" name="fs" value="1" checked="checked">填入单号&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" id="muilt" name="fs" value="2">批量导入快递单号
    </div>

    <div class="price-item" id="price">
        <form id="index_form" name="inf" method="post" action="invoke.php" enctype="multipart/form-data">


            <div class="t2">
                <textarea name="content" cols="100" rows="20"
                          placeholder="请输入单号，多个用半角逗号隔开,采用换行或者逗号方式隔开的方式，否则会报错"></textarea></br>
            </div>

            <div class="b1">
                <span style="color: red;font-size: 10px;">注意：目前单号支持换行和逗号隔开，其余不支持，查询数据在20条以内请耐心等待几分钟，如果超过20条的查询请在申请查询之后的24小时前往大数据查询系统查看结果</span>
            </div>

            <div class="t3">
                <input type="file" name="file_stu"/>
            </div>

            <div class="b1">
                <input type="submit" value="提交"/>
            </div>
        </form>
    </div>


    <div id="myTabContent" class="tab-content" style="display: none;">
        <div class="tab-pane active in" id="home" style="text-align: center;">
            <form id="tab" method="post" action="upload.php" enctype="multipart/form-data">
                <input type="file" name="excelfile" style="margin-left: 11%;margin-top: 100px"/><br>
                <input type="submit" style="margin-left: 1%;margin-top: 20px"/>

                <div class="t2">
                    <div class="col-sm-10">
                        <span for="name" class="col-sm-2 control-label">范例表格下载</span>
                        <a href="download.php?filename=fanlibiaoge.csv">范例表格.csv</a><br/>
                        <span style="color:#ff0000;">说明：【Excel表格红色字段都必须严格按照范例来填写，否则会导入失败；其次所有字段顺序也必须按照表格顺序严格执行，否则出错，如遇不了解问题，请咨询技术人员，Excel产品表非常重要，请编辑人员第一要注意】</span>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    //页面加载的时候要初始化一些东西
    $(function () {
        $(".t3").addClass("hid");
        $(".t2").removeClass("hid");
    });

    $("#muilt").click(function () {
        $("#muilt").attr("checked", "checked");
        $("#myTabContent").show();
        $("#price").hide();
    });

    $("#td").click(function () {
        $("#td").attr("checked", "checked");
        $("#dd").attr("checked", "");
        $(".t3").addClass("hid");
        $(".t2").removeClass("hid");

        $("#myTabContent").hide();
        $("#price").show();
    });

    $("#dd").click(function () {
        $("#td").attr("checked", "");
        $("#dd").attr("checked", "checked");
        $(".t2").addClass("hid");
        $(".t3").removeClass("hid");
    });
</script>
</body>
</html>